<template>
  <div class="tabs-container">
    <el-tabs
      :tab-position="tabPosition"
      v-model="activeName"
      @tab-click="custViewhandleClick"
    >
      <el-tab-pane label="客户基本信息" name="cuctbaseInfo">
        <div class="u-title"><span class="icon"></span>客户基本信息</div>
        <el-row :gutter="6">
          <el-col
            class="t-list"
            :span="6"
            v-for="(item, index) in dataArr"
            :key="index + '-'"
          >
            <el-col class="u-name" :span="10">{{ item.name }}</el-col>
            <el-col v-if="item.flag != 0" class="u-value baseInfo" :span="14">
              <el-col :span="20">
                <el-popover
                    placement="top-start"
                    width="200"
                    trigger="hover"
                    :content="item.value"
                    >
                  <span class="popClass" slot="reference">{{ item.value }}</span>
                </el-popover>
              </el-col>
              <el-col :span="4">
                <span
                  v-if="item.flag != 0 && item.sysUser && item.value != ''"
                >
                  <template>
                    <el-button
                      type="text"
                      @click="partyNumberInfoToView(item.flag, index)"
                      size="mini"
                      class="u-toView-btn"
                    >
                      查看
                    </el-button>
                  </template>
                </span>
              </el-col>
            </el-col>
            <el-col v-else class="u-value baseInfo" :span="14">
              <el-popover
                  placement="top-start"
                  width="200"
                  trigger="hover"
                  :content="item.value"
                  >
                 <span class="popClass" slot="reference">{{ item.value }}</span>
              </el-popover>
            </el-col>
          </el-col>
        </el-row>
      </el-tab-pane>
      <el-tab-pane label="联系人信息" name="custConcatInfo">
        <div class="m-tabs-con">
          <div class="u-title"><span class="icon"></span>联系人信息</div>
          <DicTable
            ref="contactInfo"
            stripe
            align="center"
            :columnData="contactInfoTableColumns"
            :tableData="contactInfoTableData"
            :loading="contactInfoTableLoading"
            :currentPage="contactInfoTablePage.pageIndex"
            :pageSize="contactInfoTablePage.pageSize"
            :pager="true"
            :totalResult="parseInt(contactInfoTablePage.rowCount)"
            @on-page-change="contactInfoHandlePageChange"
          >
            <template #contactName="{ row }">
              <!-- <el-button type="text" @click="contactNameDetailHandel(row)">{{
                row.contactName
              }}</el-button> -->
              <div class="text-warp">
                <text-dialog-model
                  :text="row.contactName"
                  type="1"
                  title="联系人详细信息"
                  size="50%"
                  btnShow="1"
                  @showDialog="contactNameDetailHandel(row)"
                >
                  <el-row :gutter="10">
                    <el-col
                      :span="8"
                      v-for="(item, index) in contactInfoArr"
                      :key="index + ':'"
                      class="m-box"
                    >
                      <el-col :span="12" class="name-box"
                        >{{ item.name }}：</el-col
                      >
                      <el-col :span="12" class="value-box">{{
                        item.value
                      }}</el-col>
                    </el-col>
                  </el-row>
                </text-dialog-model>
              </div>
            </template>
          </DicTable>
          <div class="u-title"><span class="icon"></span>关键人信息</div>
          <DicTable
            ref="contactInfo"
            stripe
            border="full"
            align="center"
            highlight-current-row
            :columnData="keyPersonTableColumns"
            :tableData="keyPersonTableData"
            :loading="keyPersonTableLoading"
            :currentPage="keyPersonTablePage.pageIndex"
            :pageSize="keyPersonTablePage.pageSize"
            :pager="true"
            :totalResult="parseInt(keyPersonTablePage.rowCount)"
            @on-page-change="keyPersonHandlePageChange"
          >
          </DicTable>
        </div>
      </el-tab-pane>
      <el-tab-pane label="账户信息" name="custAccountInfo">
        <div class="u-title"><span class="icon"></span>账户信息</div>
        <DicTable
          ref="contactInfo"
          :columnData="accountInfoTableColumns"
          :tableData="accountInfoTableData"
          :loading="accountInfoTableLoading"
          :currentPage="accountInfoTablePage.pageIndex"
          :pageSize="accountInfoTablePage.pageSize"
          :pager="true"
          :totalResult="parseInt(contactInfoTablePage.rowCount)"
          @on-page-change="accountInfoHandlePageChange"
        >
         <template #ifDefault="{row}">
         <span v-if="row.ifDefault=='1'">是</span>
        <span v-else>否</span>
    </template>
     <template #acctBillingType="{row}">
         <span v-if="row.acctBillingType=='10260001'">普通账户</span>
        <span v-else>专用账户</span>
    </template>
    <template #createDate="{row}">
        <span>{{row.createDate.substring(0,4)+"-"+row.createDate.substring(4,6)+"-"+row.createDate.substring(6,8)}}</span>
    </template>
        </DicTable>
      </el-tab-pane>
      <el-tab-pane label="纳税人信息" name="taxpayerInfo">
        <div class="u-title"><span class="icon"></span>纳税人信息</div>
        <el-row :gutter="6">
          <el-col
            :span="6"
            v-for="(item, index) in taxpayerData"
            :key="index + 'i'"
            class="nsrClass"
          >
            <el-col class="u-name" :span="12">{{ item.name }}</el-col>
            <el-col class="u-value" :span="12">
              <el-popover
                  placement="top-start"
                  width="200"
                  trigger="hover"
                  :content="item.value"
                  >
                 <span class="popClass" slot="reference">{{ item.value }}</span>
              </el-popover>
            </el-col>
          </el-col>
        </el-row>
      </el-tab-pane>
      <el-tab-pane label="财务信息" name="financialInfo" v-if="false">
        <div class="u-title"><span class="icon"></span>财务信息</div>
        <DicTable
          ref="contactInfo"
          :columnData="financialInfoTableColumns"
          :tableData="financialInfoTableData"
          :loading="financialInfoTableLoading"
          :currentPage="financialInfoTablePage.pageIndex"
          :pageSize="financialInfoTablePage.pageSize"
          :pager="true"
          :totalResult="parseInt(contactInfoTablePage.rowCount)"
          @on-page-change="financialInfoHandlePageChange1"
        >
        </DicTable>
      </el-tab-pane>
      <el-tab-pane label="竞争信息" name="competitiveInfo" v-if="false">
        <div class="u-title"><span class="icon"></span>竞争信息</div>
        <DicTable
          ref="contactInfo"
          :columnData="competitiveInfoTableColumns"
          :tableData="competitiveInfoTableData"
          :loading="competitiveInfoTableLoading"
          :currentPage="competitiveInfoTablePage.pageIndex"
          :pageSize="competitiveInfoTablePage.pageSize"
          :pager="true"
          :totalResult="parseInt(contactInfoTablePage.rowCount)"
          @on-page-change="competitiveInfoHandlePageChange"
        >
        </DicTable>
      </el-tab-pane>
      <el-tab-pane label="发展战略信息" name="devStrategyInfo" v-if="false">
        <div class="u-title"><span class="icon"></span>发展战略信息</div>
        <DicTable
          ref="contactInfo"
          :columnData="DevelopTableColumns"
          :tableData="DevelopTableData"
          :loading="DevelopTableLoading"
          :currentPage="DevelopTablePage.pageIndex"
          :pageSize="DevelopTablePage.pageSize"
          :pager="true"
          :totalResult="parseInt(contactInfoTablePage.rowCount)"
          @on-page-change="DevelopHandlePageChange"
        >
        </DicTable>
      </el-tab-pane>
      <el-tab-pane label="信息化信息" name="developStrategy" v-if="false">
        <div class="u-title"><span class="icon"></span>信息化信息</div>
        <DicTable
          ref="contactInfo"
          :columnData="informationTableColumns"
          :tableData="informationTableData"
          :loading="informationTableLoading"
          :currentPage="informationTablePage.pageIndex"
          :pageSize="informationTablePage.pageSize"
          :pager="true"
          :totalResult="parseInt(contactInfoTablePage.rowCount)"
          @on-page-change="informationHandlePageChange"
        >
        </DicTable>
      </el-tab-pane>
      <el-tab-pane label="割接通知信息" name="cutOverInfo">
        <div class="u-title"><span class="icon"></span>割接通知信息</div>
        <el-form label-width="180px">
          <el-row :gutter="10">
            <el-col :span="24">
              <el-form-item label="客户名称:" label-width="180px">
                <span>{{ cutOverInfo.custName }}</span>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="客户经理A:" label-width="180px">
                <el-col :span="5">
                  <span>{{
                    cutOverInfo.custManagerNameA
                      ? cutOverInfo.custManagerNameA
                      : ""
                  }}</span>
                </el-col>
                <el-col :span="5">
                  <span>{{
                    cutOverInfo.emailA ? cutOverInfo.emailA : ""
                  }}</span>
                </el-col>
                <el-col :span="5">
                  <span>{{
                    cutOverInfo.mobileNumberA ? cutOverInfo.mobileNumberA : ""
                  }}</span>
                </el-col>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="客户经理B:" label-width="180px">
                <el-col :span="5">
                  <span>{{
                    cutOverInfo.custManagerNameB
                      ? cutOverInfo.custManagerNameB
                      : ""
                  }}</span>
                </el-col>
                <el-col :span="5">
                  <span>{{
                    cutOverInfo.emailB ? cutOverInfo.emailB : ""
                  }}</span>
                </el-col>
                <el-col :span="5">
                  <span>{{
                    cutOverInfo.mobileNumberB ? cutOverInfo.mobileNumberB : ""
                  }}</span>
                </el-col>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <div class="u-title"><span class="icon"></span>割接信息</div>
        <el-row>
          <el-form ref="cutOverInfoFormData" :model="cutOverInfoFormData" label-width="100px" disabled>
            <el-row>
              <el-col :span="12">
                <el-form-item
                  label="割接影响业务时长是否通知:"
                  label-width="180px"
                >
                  <el-radio-group
                    v-model="cutOverInfoFormData.ifInformLength"
                    class="radio-box"
                  >
                    <el-radio label="1">是</el-radio>
                    <el-radio label="2">否</el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="带宽型产品中断类型:" label-width="180px">
                  <el-checkbox-group
                    v-model="cutOverInfoFormData.bandwidthType"
                    size="small"
                  >
                    <el-checkbox
                      v-for="item in broadbandProductTypeArr"
                      :label="item.val"
                      :key="item.val"
                      >{{ item.label }}
                    </el-checkbox>
                  </el-checkbox-group>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="平台型产品中断类型:" label-width="180px">
                  <el-checkbox-group
                    v-model="cutOverInfoFormData.platformType"
                    size="small"
                  >
                    <el-checkbox
                      v-for="item in broadbandProductTypeArr"
                      :label="item.val"
                      :key="item.val"
                      >{{ item.label }}
                    </el-checkbox>
                  </el-checkbox-group>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="割接通知方式:" label-width="180px">
                  <el-col :span="5">
                    <el-radio-group
                      v-model="cutOverInfoFormData.cutInformType"
                      class="radio-box"
                    >
                      <el-radio label="1">电子邮件</el-radio>
                      <el-radio label="2">传真</el-radio>
                      <el-checkbox
                        class="noteClass"
                        v-model="cutOverInfoFormData.info"
                        label="3"
                        >短信</el-checkbox
                      >
                    </el-radio-group>
                  </el-col>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="手机短信:" label-width="180px">
                  <el-col :span="5">
                    <el-radio-group
                      v-model="cutOverInfoFormData.ifSendPhoneMessage"
                      class="radio-box"
                      style="margin-bottom:10px"
                    >
                      <el-radio label="1">是</el-radio>
                      <el-radio label="2">否</el-radio>
                    </el-radio-group>
                  </el-col>
                  <el-col :span="24">
                    <el-radio-group
                      v-model="cutOverInfoFormData.sendPhoneMessageQuantum"
                      class="radio-box"
                    >
                      <el-radio label="0">所有时间段发送割接通知</el-radio>
                      <el-radio label="1"
                        >仅当天16点:30分之后到第二天8:30之前收到，且这段时间内要完成的割接通知</el-radio
                      >
                      <el-radio label="3"
                        >所有时间段发送的割接通知均不发送短信通知</el-radio
                      >
                    </el-radio-group>
                  </el-col>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item
                  label="割接影响业务时间点是否通知:"
                  label-width="180px"
                >
                  <el-col :span="5">
                    <el-radio-group
                      v-model="cutOverInfoFormData.ifInformTime"
                      class="radio-box"
                    >
                      <el-radio label="1">是</el-radio>
                      <el-radio label="2">否</el-radio>
                    </el-radio-group>
                  </el-col>
                  <el-col
                    :span="12"
                    v-if="
                      cutOverInfoFormData.ifInformTime == 1 ||
                      cutOverInfoFormData.ifInformTime == ''
                    "
                  >
                    <el-checkbox-group
                      v-model="cutOverInfoFormData.infoTimeQuantum"
                      size="small"
                    >
                      <el-checkbox
                        v-for="item in cutOverTimeArr"
                        :label="item.val"
                        :key="item.val"
                        >{{ item.label }}
                      </el-checkbox>
                    </el-checkbox-group>
                  </el-col>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="割接通知语种(中文):" label-width="180px">
                  <el-col :span="5">
                    <el-radio-group
                      v-model="cutOverInfoFormData.cutInformChinese"
                      class="radio-box"
                    >
                      <el-radio label="1">是</el-radio>
                      <el-radio label="2">否</el-radio>
                    </el-radio-group>
                  </el-col>
                  <el-col :span="15">
                    <el-form-item
                      label="割接通知方式通知时使用的中文名称（割接邮件抬头):"
                      label-width="300px"
                    >
                      <el-input
                        placeholder="请输入内容"
                        v-model="cutOverInfoFormData.cutInformChineseName"
                        class="input-with-select"
                      >
                      </el-input>
                    </el-form-item>
                  </el-col>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="割接通知语种(英文):" label-width="180px">
                  <el-col :span="5">
                    <el-col>
                      <el-radio-group
                        v-model="cutOverInfoFormData.cutInformEnglish"
                        class="radio-box"
                      >
                        <el-radio label="1">是</el-radio>
                        <el-radio label="2">否</el-radio>
                      </el-radio-group>
                    </el-col>
                  </el-col>
                  <el-col :span="15">
                    <el-form-item
                      label="割接通知方式通知时使用的中文名称（割接邮件抬头):"
                      label-width="300px"
                    >
                      <el-input
                        placeholder="请输入内容"
                        v-model="cutOverInfoFormData.cutInformEnglishName"
                        class="input-with-select"
                      >
                      </el-input>
                    </el-form-item>
                  </el-col>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item
                  label="是否割接通知同步给网厅:"
                  label-width="180px"
                >
                  <el-radio-group
                    v-model="cutOverInfoFormData.ifSynchroToOnline"
                    class="radio-box"
                  >
                    <el-radio label="1">是</el-radio>
                    <el-radio label="2">否</el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
          <div class="u-title"><span class="icon"></span>接收单位联系信息</div>
          <div class="m-table-box">
            <el-table
              :data="
                tableData.slice(
                  (tablePage.pageIndex - 1) * tablePage.pageSize,
                  tablePage.pageIndex * tablePage.pageSize
                )
              "
              style="width: 100%"
              border
              :header-cell-style="{
                background: '#F2F2F2',
                color: '#333',
              }"
              class="commonRegionId-table"
            >
              <el-table-column prop="contactName" label="联系人姓名">
              </el-table-column>
              <el-table-column prop="officePhone" label="办公电话">
              </el-table-column>
              <el-table-column prop="mobilePhone" label="移动电话">
              </el-table-column>
              <el-table-column prop="eMail" label="Email"> </el-table-column>
              <el-table-column prop="fax" label="联系传真"> </el-table-column>
            </el-table>
            <el-pagination
              background
              @current-change="pageChange"
              :current-page="parseInt(tablePage.pageIndex)"
              :page-size="parseInt(tablePage.pageSize)"
              layout="total, prev, pager, next, jumper"
              :total="parseInt(tablePage.rowCount)"
              class="m-pagination"
            >
            </el-pagination>
          </div>
        </el-row>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import DicTable from "@/components/public/DicTable";
import TextDialogModel from "@/components/customer/dialog/TextDialogModel";
import CustomerInfoManageServer from "@/api/customer/CustomerInfoManageServer";
import { mapState } from "vuex";
export default {
  name: "CustBaseInfo",
  props:{
   partyCertId:{
     type:String,
     default:''
   }
  },
  data() {
    return {
      activeName: "cuctbaseInfo",
      tabPosition: "top",
      //   基本信息tabs内容
      dataArr: [
        { name: "客户名称", value: "", flag: "4",sysUser:false  },
        { name: "客户编码", value: "", flag: "0" },
        { name: "客户状态", value: "", flag: "0" },
        { name: "行业类型", value: "", flag: "0" },
        { name: "细分市场", value: "", flag: "0" },
        { name: "客户类别", value: "", flag: "0" },
        { name: "营销责任地", value: "", flag: "0" },
        { name: "总部所在国家", value: "", flag: "0" },
        { name: "证件类型", value: "", flag: "0" },
        { name: "证件号码", value: "", flag: "1",sysUser:false },
        { name: "证件地址", value: "", flag: "2",sysUser:false },
        { name: "管控级别", value: "", flag: "0" },
        { name: "直管类型", value: "", flag: "0" },
        { name: "客户服务等级", value: "", flag: "0" },
        { name: "客户经理", value: "", flag: "0" },
        { name: "售后服务等级", value: "", flag: "0" },
        { name: "大客户级别", value: "", flag: "0" },
        { name: "企业员工数", value: "", flag: "0" },
        { name: "省行业经理", value: "", flag: "0" },
        { name: "本地网行业经理", value: "", flag: "0" },
        { name: "客户地址", value: "", flag: "3",sysUser:false },
      ],

      //客户基本信息-联系人信息
      contactInfoTableColumns: [
        {
          slotName: "contactName",
          title: "联系人姓名 ",
          width: 100,
          showOverflow: true,
          fixed: "left",
        },
        {
          field: "contactTypeName",
          title: "联系人类型 ",
          width: 200,
          checked: false,
        },
        {
          field: "mobilePhone",
          title: "手机号码",
          width: 200,
          showOverflow: true,
        },
        {
          field: "officePhone",
          title: "办公电话 ",
          width: 200,
          showOverflow: true,
        },
        {
          field: "eMail",
          title: "Email ",
          width: 200,
          showOverflow: true,
        },
        {
          field: "contactAddr",
          title: "通信地址",
          width: 260,
          showOverflow: true,
        },
        {
          field: "postcode",
          title: "联系邮编",
          width: 200,
          showOverflow: true,
        },
        {
          field: "fax",
          title: "传真",
          width: 200,
          showOverflow: true,
        },
        {
          field: "headFlag",
          title: "是否首选联系人",
          width: 200,
          showOverflow: true,
        },
      ],
      contactInfoTableData: [],
      contactInfoTableLoading: false,
      contactInfoTablePage: {
        pageIndex: 1,
        pageSize: 10,
        rowCount: 0,
        pageCount: 0,
      },
      // 查看联系人信息
      contactInfoArr: [
        { name: "联系人名称", value: "" },
        { name: "办公电话", value: "" },
        { name: "移动电话", value: "" },
        { name: "联系人类型", value: "" },
        { name: "证件类型", value: "" },
        { name: "证件号码", value: "", flag: "1" },
        { name: "是否售后联系人", value: "" },
        { name: "通信地址", value: "" },
        { name: "通信邮编", value: "" },
        { name: "家庭电话", value: "" },
        { name: "传真", value: "" },
        { name: "Email", value: "" },
        { name: "性别", value: "" },
        { name: "国籍", value: "" },
        { name: "民族", value: "" },
        { name: "毕业院校", value: "" },
        { name: "直接领导姓名", value: "" },
        { name: "专业", value: "" },
        { name: "最高学历", value: "" },
        { name: "婚姻状况", value: "" },
        { name: "政治面貌", value: "" },
        { name: "所属部门", value: "" },
        { name: "职位名称", value: "" },
        { name: "工作城市", value: "" },
        { name: "毕业时间", value: "" },
      ],
      //关键人信息-联系人信息
      keyPersonTableColumns: [
        // { type: "id", width: 50, fixed: null },
        { field: "keyPersonName", title: "姓名", width: 150 },
        { field: "keyPersonTypeName", title: "关键人类型", width: 200 },
        { field: "dept", title: " 部门 ", width: 180 },
        {
          field: "contactPhone",
          title: " 联系电话 ",
          width: 200,
          showOverflow: true,
        },
        {
          field: "contactEmail",
          title: " 电子邮箱",
          width: 200,
          showOverflow: true,
        },
        {
          field: "position",
          title: " 职务 ",
          width: 150,
          showOverflow: true,
        },
        {
          field: "birthday",
          title: " 生日",
          width: 300,
          showOverflow: true,
        },
        {
          field: "decisionAffect",
          title: "决策影响力",
          width: 300,
          showOverflow: true,
        },
      ],
      keyPersonTableData: [
      ],
      keyPersonTableLoading: false,
      keyPersonTablePage: {
        pageIndex: 1,
        pageSize: 10,
        rowCount: 0,
      },

      // 账户信息
      accountInfoTableColumns: [
        { field: "acctCd", title: "账户编码", width: 300, showOverflow: true },
        {
          field: "acctName",
          title: "账户名称",
          width: 350,
          showOverflow: true,
        },
        {
          slotName: "custName",
          title: "客户名称",
          width: 300,
          showOverflow: true,
        },
        {
          slotName: "acctBillingType",
          title: "账户类型",
          width: 150,
          showOverflow: true,
        },
        {
          slotName: "ifDefault",
          title: "是否默认账户",
          width: 150,
          showOverflow: true,
        },
        {
          slotName: "createDate",
          title: "创建时间",
          minWidth: 100,
          showOverflow: true,
        },
      ],
      accountInfoTableData: [],
      accountInfoTableLoading: false,
      accountInfoTablePage: {
        pageIndex: 1,
        pageSize: 10,
        totalResult: 0,
        pageCount: 0,
      },

      //  纳税人信息
      taxpayerData: [
        {
          name: "纳税客户名称",
          value: "",
        },
        { name: "是否一般纳税人", value: "否 " },
        { name: "是否开增值税发票", value: "" },
        { name: "税务登记号", value: "" },
        { name: "税务登记号所属省份", value: "" },
        { name: "税务登记联系电话", value: "" },
        { name: "税务开户银行名称", value: "" },
        { name: "税务开户银行账号", value: "" },
        { name: "开票点", value: "" },
        { name: "提交税务审核日期", value: "" },
        { name: "审核状态", value: "" },
        { name: "税务审核通过日期", value: "" },
        { name: "通知短信手机号", value: "" },
        { name: "通知邮箱号", value: "" },
        { name: "取票方式", value: "" },
        { name: "邮编", value: "" },
        { name: "已上传纳税人证件", value: "" },
        { name: "税务登记地址", value: "" },
        { name: "邮寄地址", value: "" },
      ],
      // 财务信息
      financialInfoTableColumns: [
        { field: "custYearIncome", title: "客户年收入", width: 150 },
        { field: "costBudget", title: "  信息化费用预算  ", width: 180 },
        {
          field: "consumptionInfo",
          title: "年信息化消费 ",
          width: 380,
        },
        {
          field: "share",
          title: " 中国电信份额 ",
          width: 380,
        },
        {
          field: "subsidyPolicy",
          title: " 员工通信费补贴政策 ",
          width: 380,
        },
      ],
      financialInfoTableData: [
        {
          id: 10001,
          custYearIncome: "2021-03-10",
          costBudget: "T1",
          consumptionInfo: "黑龙江",
          share: "李四",
          subsidyPolicy: "13189897980",
        },
        {
          id: 10001,
          custYearIncome: "2021-03-10",
          costBudget: "T1",
          consumptionInfo: "黑龙江",
          share: "李四",
          subsidyPolicy: "13189897980",
        },
      ],
      financialInfoTableLoading: false,
      financialInfoTablePage: {
        pageIndex: 1,
        pageSize: 10,
        totalResult: 0,
      },

      //  竞争信息
      competitiveInfoTableColumns: [
        { field: "competitorName", title: "竞争对手名称", width: 350 },
        {
          field: "competitiveBusinessType",
          title: "  竞争业务类型  ",
          width: 350,
        },
        {
          field: "competitorMarket",
          title: "竞争对手市场份额 ",
          width: 350,
        },
      ],
      competitiveInfoTableData: [
        {
          id: 10001,
          competitorName: "2021-03-10",
          competitiveBusinessType: "T1",
          competitorMarket: "黑龙江",
        },
        {
          id: 10002,
          competitorName: "2021-03-10",
          competitiveBusinessType: "T1",
          competitorMarket: "黑龙江",
        },
      ],
      competitiveInfoTableLoading: false,
      competitiveInfoTablePage: {
        pageIndex: 1,
        pageSize: 10,
        totalResult: 0,
      },

      // 发展战略信息
      DevelopTableColumns: [
        { field: "competitorName", title: "竞争对手名称", width: 350 },
        {
          field: "competitiveBusinessType",
          title: "  竞争业务类型  ",
          width: 350,
        },
        {
          field: "competitorMarket",
          title: "竞争对手市场份额 ",
          width: 350,
        },
      ],
      DevelopTableData: [
        {
          id: 10001,
          competitorName: "2021-03-10",
          competitiveBusinessType: "T1",
          competitorMarket: "黑龙江",
        },
        {
          id: 10002,
          competitorName: "2021-03-10",
          competitiveBusinessType: "T1",
          competitorMarket: "黑龙江",
        },
      ],
      DevelopTableLoading: false,
      DevelopTablePage: {
        pageIndex: 1,
        pageSize: 10,
        totalResult: 0,
      },

      // 信息化信息
      informationTableColumns: [
        { field: "competitorName", title: "竞争对手名称", width: 350 },
        {
          field: "competitiveBusinessType",
          title: "  竞争业务类型  ",
          width: 350,
        },
        {
          field: "competitorMarket",
          title: "竞争对手市场份额 ",
          width: 350,
        },
      ],
      informationTableData: [
        {
          id: 10001,
          competitorName: "2021-03-10",
          competitiveBusinessType: "T1",
          competitorMarket: "黑龙江",
        },
        {
          id: 10002,
          competitorName: "2021-03-10",
          competitiveBusinessType: "T1",
          competitorMarket: "黑龙江",
        },
      ],
      informationTableLoading: false,
      informationTablePage: {
        pageIndex: 1,
        pageSize: 10,
        totalResult: 0,
      },
      //平台产品类型数组
      broadbandProductTypeArr: [
        {
          label:'秒级的保护倒换认为不中断',
          val:'1'
        },
        {
          label:'1秒以上至5分钟以内的瞬断',
          val:'2'
        },
        {
          label:'5分钟以上中断',
          val:'3'
        },
      ],
      //割接影响业务时间点是否通知
      cutOverTimeArr: [
        {
          label:'全天',
          val:'0',
        },
        {
          label:'0点-6点',
          val:'1',
        },
        {
          label:'6点-12点',
          val:'2',
        },
        {
          label:'12点-18点',
          val:'3',
        },
        {
          label:'18点-24点',
          val:'4',
        },
      ],
      form: {
        notice: "1",
        noticeCheckValue: "秒级的保护倒换认为不中断",
        proCheckValue: "秒级的保护倒换认为不中断",
        proRadioValue: "是",
        cutTimeValue: "全天",
        cutTimeNoticeValue: "2",
      },
      cutOverInfo: {
        custName: "",
        custManagerNameA: "",
        custManagerNameB: "",
        emailA: "",
        mobileNumberA: "",
        custManagerNameAID: "",
        emailB: "",
        mobileNumberB: "",
        custManagerNameBID: "",
      },
       cutOverInfoFormData: {
        //割接影响业务时长是否通知
        ifInformLength: "",
        //带宽型产品中断类型
        bandwidthType: [],
        // 平台型产品中断类型
        platformType: [],
        cutInformType:'',//割接通知方式
        ifSendPhoneMessage:'',//是否发送手机短信
        sendPhoneMessageQuantum:'',//发送时间段
        ifInformTime:'',//割接影响业务时间点是否通知
        infoTimeQuantum:[],//通知时间点
        cutInformChinese:'',//割接语种是否为中文
        cutInformChineseName:'',//通知时使用的中文名称（割接邮件抬头）
        cutInformEnglish:'',//割接语种是否为英文
        cutInformEnglishName:'',//通知时使用的英文名称（割接邮件抬头）
        //割接影响业务时间点是否通知
        ifSynchroToOnline: '',
        info:'',
      },
      tableData: [], //割接信息列表
      tablePage: {
        pageIndex: 1, //当前页码
        pageSize: 5, //每页多少条
        rowCount: 0, //总条数
      }, //割接信息分页数据
      keyPersonType:[
        {name:"公司领导",code:"10"},
        {name:"物业公司",code:"20"},
        {name:"财务",code:"30"},
        {name:"领票人",code:"40"}
      ]
    };
  },
  components: {
    DicTable,
    TextDialogModel,
  },

  mounted() {
    this.getDesensPriv();//请求权限按钮
  },
  computed: {
    ...mapState("user", ["user"]),
  },
  methods: {
    // 点击切换按钮
    custViewhandleClick(tab, event) {
      
      switch (this.activeName) {
        case "cuctbaseInfo":
          // 客户基本信息-初始化
          //  this.initGetCustCommon();
          break;
        case "custConcatInfo":
          //  联系人信息
          this.contactInfoTablePage.pageIndex = 1;
          this.contactInfoTablePage.pageSize = 10;
          this.initContactInfoTableList();
          this.getKeyList()
          break;
        case "custAccountInfo":
          //  账户信息
          this.accountInfoTablePage.pageIndex = 1;
          this.accountInfoTablePage.pageSize = 10;
    
          this.getAccountList();
          break;
        case "taxpayerInfo":
          // 纳税人信息
          this.getCustTaxDetailInit();
          break;
        case "cutOverInfo":
          this.getCustDetail();
          this.getContInfoList();
          this.getCustCutInfoList();
          break;
        default:
          break;
      }
    },
     //判断是否有权限
    async getDesensPriv(){
      const result = await CustomerInfoManageServer.getDesensPriv({sysUserId:this.user.sysUserId})
      if(result.code == 200){
         if(result.meta.NUM_COUNT != 0){
           this.dataArr[9].sysUser = true;
         }
         if(result.meta.ADD_COUNT != 0){
           this.dataArr[10].sysUser = true;
         }
         if(result.meta.CDD_COUNT != 0){
           this.dataArr[20].sysUser = true;
         }
         if(result.meta.NAME_COUNT != 0){
           this.dataArr[0].sysUser = true;
         }
      }
    },
    //割接信息-获取用户信息
    async getCustDetail() {
      const response = await CustomerInfoManageServer.getCustDetail({
        custId: this.$route.query.custId,
        scope: "custAssignRel",
      });
      if (response.code == 200) {
        this.cutOverInfo.custName = response.meta.customerDetail.custName || [];
        this.cutOverInfo.custManagerNameA =
          response.meta.customerDetail.custManagerNameA;
        this.cutOverInfo.custManagerNameB =
          response.meta.customerDetail.custManagerNameB;
        response.meta.customerDetail.custAssignRel.forEach((item) => {
          if (item.responsibilityTypeCd == 4) {
            this.cutOverInfo.emailA = this.isNull(item.custAssignEmail);
            this.cutOverInfo.mobileNumberA = this.isNull(item.custAssignPhone);
          } else if (item.responsibilityTypeCd == 5) {
            this.cutOverInfo.emailB = this.isNull(item.custAssignEmail);
            this.cutOverInfo.mobileNumberB = this.isNull(item.custAssignPhone);
          }
        });
      }
    },
    //割接信息-接收单位联系信息
    async getContInfoList() {
      const response = await CustomerInfoManageServer.getContInfoList({
        partyId: this.$route.query.partyId,
        statusCdList: "1000",
        pageIndex: "1",
        pageSize: "100",
      });
      if (response.code == 200) {
        this.tableData = response.meta.executeSqlResp || [];
        this.tablePage.rowCount = response.meta.pageInfo.rowCount;
      }
    },
    //割接信息-割接信息
    async getCustCutInfoList() {
      const response = await CustomerInfoManageServer.getCustCutInfoList({
        custId: this.$route.query.custId,
      });
      if (response.code == 200) {
         let res = response.meta;
          this.cutOverInfoFormData.ifInformLength = this.isNull(res.ifInformLength)
          //带宽型产品中断类型
          this.cutOverInfoFormData.bandwidthType = this.isNull(res.bandwidthType).split(',') != '' ? this.isNull(res.bandwidthType).split(','):[]
          // 平台型产品中断类型
          this.cutOverInfoFormData.platformType = this.isNull(res.platformType).split(',') != '' ? this.isNull(res.platformType).split(','):[]
          //割接通知方式
          this.cutOverInfoFormData.cutInformType = this.isNull(res.cutInformType).split(',')[0];
          this.cutOverInfoFormData.info = this.isNull(this.isNull(res.cutInformType).split(',')[1]) 
          
          //是否发送手机短信
          this.cutOverInfoFormData.ifSendPhoneMessage = this.isNull(res.ifSendPhoneMessage)
          //发送时间段
          this.cutOverInfoFormData.sendPhoneMessageQuantum = this.isNull(res.sendPhoneMessageQuantum)
          //割接影响业务时间点是否通知
          this.cutOverInfoFormData.ifInformTime = this.isNull(res.ifInformTime)
          //通知时间点
          this.cutOverInfoFormData.infoTimeQuantum = this.isNull(res.infoTimeQuantum).split(',')
          //割接语种是否为中文
          this.cutOverInfoFormData.cutInformChinese = this.isNull(res.cutInformChinese)
          //通知时使用的中文名称（割接邮件抬头）
          this.cutOverInfoFormData.cutInformChineseName = this.isNull(res.cutInformChineseName)
          //割接语种是否为英文
          this.cutOverInfoFormData.cutInformEnglish = this.isNull(res.cutInformEnglish)
          //通知时使用的英文名称（割接邮件抬头）
          this.cutOverInfoFormData.cutInformEnglishName = this.isNull(res.cutInformEnglishName)
          //割接影响业务时间点是否通知
          this.cutOverInfoFormData.ifSynchroToOnline = this.isNull(res.ifSynchroToOnline)
      }
    },
    // 客户视图-基本信息-初始化
    async initGetCustCommon(val) {
      let params = {
        custId:this.$route.query.custId,
        scope:"customer,custAssignRel,custOther,serviceGrade,partyOrg",
        desenFlag:1
      };
      // 
      const response = await CustomerInfoManageServer.getCustDetail(params);
      if (response.code == 200) {
        
        let result = response.meta.customerDetail;
        // 客户名称
        this.dataArr[0].value = this.isNull(result.custName);
        // 客户编码
        this.dataArr[1].value = this.isNull(result.oldPartyCode);
        // 客户状态
        this.dataArr[2].value = this.isNull(result.statusCdName);
        // 行业类型
        this.dataArr[3].value = this.isNull(result.industryTypeName);
        // 细分市场
        this.dataArr[4].value = this.isNull(result.marketName);
        // 客户类别
        this.dataArr[5].value = this.isNull(result.custKindName);
        // 营销责任地
        this.dataArr[6].value = this.isNull(result.regionName);
        // 总部所在国家
        this.dataArr[7].value = this.isNull(result.custOther[0].headCountryName);
        // 证件类型
        this.dataArr[8].value = this.isNull(val.party.partyCert.certTypeName);
        // 证件号码
        this.dataArr[9].value = this.isNull(val.party.partyCert.certNum);
        // 证件地址
        this.dataArr[10].value = this.isNull(val.party.partyCert.certAddr);
        // 管控级别
        this.dataArr[11].value = this.isNull(result.custOther[0].controlTypeName);
        // 直管类型
        this.dataArr[12].value = this.isNull(result.custOther[0].controlLevelName);
        // 客户服务等级
        this.dataArr[13].value = this.isNull(result.serviceGrade ? result.serviceGrade.serviceLevelName : "");
        // 客户经理
        this.dataArr[14].value =
          this.isNull(result.custManagerNameA) +
          " " +
          this.isNull(result.custManagerNameB);
        // 售后服务等级
        this.dataArr[15].value = this.isNull(result.secrecyLevelName);
        // 大客户级别
        this.dataArr[16].value = this.isNull(result.bigCustGradeName);
        // 企业员工数
        this.dataArr[17].value = this.isNull(result.custOther[0].personNum);
        // 客户地址
        this.dataArr[20].value = this.isNull(result.custAddr);
        result.custAssignRel.forEach((item) => {
          if (item.responsibilityTypeCd == 4 || item.responsibilityTypeCd == 5) {
            //客户经理A
            if(item.channelMemberId == this.user.staffId){
              this.dataArr[0].sysUser = true
            }
          } else if (item.responsibilityTypeCd == 9) {
            //省行业经理
            this.dataArr[18].value = this.isNull(item.custManagerName);
          } else if (item.responsibilityTypeCd == 10) {
            //本地行业经理
            this.dataArr[19].value = this.isNull(item.custManagerName);
          }
        });
      }
    },
    //点击查看按钮
    async partyNumberInfoToView(item, index) {
      let parmas;
      if(item == 1){
        // 证件号码
          parmas = {
           flag:'orgUscc',
           custId:this.$route.query.custId,
           partyCertId:this.partyCertId,
           partyId:this.$route.query.partyId,
           staffName:this.user.staffName,
           staffCode:this.user.staffCode,
         }  
      }else if(item == 2){
        //  证件地址
         parmas = {
           flag:'certAddr',
           custId:this.$route.query.custId,
           partyCertId:this.partyCertId,
           partyId:this.$route.query.partyId,
           staffName:this.user.staffName,
           staffCode:this.user.staffCode,
         } 
      }else if(item == 3){
        // 客户地址
         parmas = {
           flag:'custAddr',
           custId:this.$route.query.custId,
          //  partyCertId:this.partyCertId,
          //  partyId:this.$route.query.partyId,
           staffName:this.user.staffName,
           staffCode:this.user.staffCode,
         } 
      }else {
         parmas = {
           flag:'custName',
           custId:this.$route.query.custId,
           staffName:this.user.staffName,
           staffCode:this.user.staffCode,
         } 
      }
      const response = await CustomerInfoManageServer.getDesensAttr(parmas);
      if(response.code == 200){
        if(item == 1){
            this.dataArr[9].value = response.meta.resultValue;
            this.dataArr[9].sysUser = false;
        }else if(item == 2){
            this.dataArr[10].value = response.meta.resultValue;
            this.dataArr[10].sysUser = false;
        }else if(item == 3){
            this.dataArr[20].value = response.meta.resultValue;
            this.dataArr[20].sysUser = false;
        }else {
            this.dataArr[0].value = response.meta.resultValue;
            this.dataArr[0].sysUser = false;
        }
      }
    },
    //基本信息tabs查看
    getfindGroupTree(item, index) {
      
      
    },
    // 客户视图-客户基本信息-联系人信息
    async initContactInfoTableList() {
      
      let params = {
        statusCdList: "1000",
        partyId: this.$route.query.partyId,
        pageIndex: this.contactInfoTablePage.pageIndex,
        pageSize: this.contactInfoTablePage.pageSize,
      };
      const response = await CustomerInfoManageServer.getContInfoList(params);
      if (response.code == 200) {
        this.contactInfoTableData = response.meta.executeSqlResp || [];
        this.contactInfoTablePage.rowCount = response.meta.pageInfo.rowCount;
        this.contactInfoTablePage.pageCount = response.meta.pageInfo.pageCount;
        if(this.contactInfoTableData.length != 0){
          this.contactInfoTableData.forEach((item) => {
            item.headFlag = item.headFlag == 1 ? "是" : "否";
          });
        }
      } else {
        // alert(response.msg);
      }
    },
    async getKeyList(){
      let parmas = {
        pageIndex:this.keyPersonTablePage.pageIndex,
        pageSize:this.keyPersonTablePage.pageSize,
        custId:this.$route.query.custId,
        keyPersonType:'',
        keyPersonNameLike:'',
        statusCds:'1000'
      }
      const response = await CustomerInfoManageServer.getCustKeyPersonRelList(parmas);
      if(response.code == 200){
        this.keyPersonTableData = response.meta.resultObject.keyPersonList
        this.keyPersonTablePage.rowCount = response.meta.resultObject.pageInfo.rowCount
        this.keyPersonTableData.forEach(item=>{
          item.birthday = item.birthday ?
            item.birthday.substring(0, 4) +
            "-" +
            item.birthday.substring(4, 6) +
            "-" +
            item.birthday.substring(6, 8) +
            " "  : ''
          this.keyPersonType.forEach(i =>{
            if(item.keyPersonType == i.code){
              item.keyPersonTypeName = i.name
            }
          })
        })
      } 
    },
    // 联系人信息-查看
    contactNameDetailHandel(row) {
      this.contactNameDetail(row);
    },
    // 联系人信息-查看详情
    async contactNameDetail(row) {
      let params = {
        contactId: row.contactId,
        scope: "partyInd,partyCert",
      };
      const response = await CustomerInfoManageServer.getContInfoNews(params);
      
      
      if (response.code == 200) {
        let res = response.meta.resultObject.contactDetail;
        this.contactInfoArr[0]["value"] = this.isNull(res.contactName); //联系人姓名
        this.contactInfoArr[1]["value"] = this.isNull(res.officePhone); //办公电话
        this.contactInfoArr[2]["value"] = this.isNull(res.mobilePhone); //移动电话
        this.contactInfoArr[3]["value"] = this.isNull(res.contactTypeName); //联系人类型
        this.contactInfoArr[4]["value"] = this.isNull(res.certTypeName); //证件类型
        this.contactInfoArr[5]["value"] = this.isNull(res.certNumber); //证件号码
        this.contactInfoArr[6]["value"] = res.serviceFlag == "1" ? "是" : "否"; //是否售后联系人
        this.contactInfoArr[7]["value"] = this.isNull(res.contactAddr); //通信地址
        this.contactInfoArr[8]["value"] = this.isNull(res.postcode); //通信邮编
        this.contactInfoArr[9]["value"] = this.isNull(res.homePhone); //家庭电话
        this.contactInfoArr[10]["value"] = this.isNull(res.fax); //传真
        this.contactInfoArr[11]["value"] = this.isNull(res.eMail); //Email
        this.contactInfoArr[12]["value"] = this.isNull(res.contactGenderName); //性别
        this.contactInfoArr[13]["value"] = this.isNull(res.nationalityName); //国籍
        this.contactInfoArr[14]["value"] = this.isNull(res.nationName); //民族
        this.contactInfoArr[15]["value"] = this.isNull(res.academyName); //毕业院校
        this.contactInfoArr[16]["value"] = this.isNull(res.leaderName); //直接领导名字
        this.contactInfoArr[17]["value"] = this.isNull(res.major); //专业
        this.contactInfoArr[18]["value"] = this.isNull(res.educationName); //最高学历
        this.contactInfoArr[19]["value"] = this.isNull(res.maritalStatusName); //婚姻状况
        this.contactInfoArr[20]["value"] = this.isNull(
          res.politicalAppearanceName
        ); //政治面貌
        this.contactInfoArr[21]["value"] = this.isNull(res.deptName); //所属部门
        this.contactInfoArr[22]["value"] = this.isNull(res.postName); //职位名称
        this.contactInfoArr[23]["value"] = this.isNull(res.city); //工作城市
        this.contactInfoArr[24]["value"] = this.isNull(res.graduationTime); //毕业时间
      }
    },

    // 账户信息-获取账户列表
    async getAccountList() {
      let params = {
        custId: this.$route.query.custId,
        pageIndex: this.accountInfoTablePage.pageIndex,
        pageSize: this.accountInfoTablePage.pageSize,
      };
      let result = await CustomerInfoManageServer.getAccountList(params);
      if (result.code == 200) {
        let res = result.meta;
        
        this.accountInfoTableData = res.accounts || [];
        this.accountInfoTablePage.rowCount = Number(res.pageInfo.rowCount);
        this.accountInfoTablePage.pageCount == Number(res.pageInfo.pageCount);
      }
    },
    // 纳税人信息
    async getCustTaxDetailInit() {
      let params = {
        custId: this.$route.query.custId,
      };
      let result = await CustomerInfoManageServer.getCustTaxDetail(params);
      
      if (result.code == 200) {
        // 纳税人名称
        this.taxpayerData[0].value = this.isNull(result.meta.taxName);
        // 是否是一般纳税人
        this.taxpayerData[1].value = this.isNull(
          result.meta.generalTaxpayerFlag == "0" ? "否" : "是"
        );
        // 是否开增值税发票
        this.taxpayerData[2].value = this.isNull(
          result.meta.vatInvoicesFlag == "0" ? "否" : "是"
        );
        // 税务登记号
        this.taxpayerData[3].value = this.isNull(result.meta.taxId);
        // 税务登记号所属省份
        this.taxpayerData[4].value = this.isNull(result.meta.taxProvinceName);
        // 税务登记联系电话
        this.taxpayerData[5].value = this.isNull(result.meta.taxRelaTel);
        // 税务开户银行名称
        this.taxpayerData[6].value = this.isNull(result.meta.taxBankName);
        // 税务开户银行账号
        this.taxpayerData[7].value = this.isNull(result.meta.taxBankAcct);
        // 开票点
        this.taxpayerData[8].value = this.isNull(result.meta.invoiceAddr);
        // 提交税务审核日期
        this.taxpayerData[9].value = this.format(this.isNull(result.meta.submitDate));
        // 审核状态
        this.taxpayerData[10].value = this.isNull(
          result.meta.audState == "1" ? "已通过" : "未通过"
        );
        // 税务审核通过日期
        this.taxpayerData[11].value = this.format(this.isNull(result.meta.approvalTime));
        // 通知短信手机号
        this.taxpayerData[12].value = this.isNull(result.meta.receiveMsgNum);
        // 通知邮箱号
        this.taxpayerData[13].value = this.isNull(result.meta.receiveEmail);
        // 取票方式
        this.taxpayerData[14].value = this.isNull(
          result.meta.takeType == "1"
            ? "邮寄"
            : result.meta.takeType == "2"
            ? "客户自取"
            : "上门送票"
        );
        // 邮编
        this.taxpayerData[15].value = this.isNull(result.meta.postcode);
        // 已上传纳税人证件
        this.taxpayerData[16].value = this.isNull(result.meta.papersFileName);
        // 税务登记地址
        this.taxpayerData[17].value = this.isNull(result.meta.taxRelaAddr);
        // 税务登记地址
        this.taxpayerData[18].value = this.isNull(result.meta.billDeliverAddr);
      }
    },
    //割接信息
    async getCustCutInfoList(){
      const response = await CustomerInfoManageServer.getCustCutInfoList({
        custId: this.$route.query.custId,
      });
      if (response.code == 200) {
          let res = response.meta;
          this.custCutNoticeInfoId = res.custCutNoticeInfoId;
          this.cutOverInfoFormData.ifInformLength = this.isNull(res.ifInformLength)
          //带宽型产品中断类型
          this.cutOverInfoFormData.bandwidthType = this.isNull(res.bandwidthType).split(',')
          // 平台型产品中断类型
          this.cutOverInfoFormData.platformType = this.isNull(res.platformType).split(',')
          //割接通知方式
          this.cutOverInfoFormData.cutInformType = this.isNull(res.cutInformType).split(',')[0]
          this.cutOverInfoFormData.info = this.isNull(res.cutInformType).split(',')[1]
          //是否发送手机短信
          this.cutOverInfoFormData.ifSendPhoneMessage = this.isNull(res.ifSendPhoneMessage)
          //发送时间段
          this.cutOverInfoFormData.sendPhoneMessageQuantum = this.isNull(res.sendPhoneMessageQuantum)
          //割接影响业务时间点是否通知
          this.cutOverInfoFormData.ifInformTime = this.isNull(res.ifInformTime)
          //通知时间点
          this.cutOverInfoFormData.infoTimeQuantum = this.isNull(res.infoTimeQuantum).split(',')
          //割接语种是否为中文
          this.cutOverInfoFormData.cutInformChinese = this.isNull(res.cutInformChinese)
          //通知时使用的中文名称（割接邮件抬头）
          this.cutOverInfoFormData.cutInformChineseName = this.isNull(res.cutInformChineseName)
          //割接语种是否为英文
          this.cutOverInfoFormData.cutInformEnglish = this.isNull(res.cutInformEnglish)
          //通知时使用的英文名称（割接邮件抬头）
          this.cutOverInfoFormData.cutInformEnglishName = this.isNull(res.cutInformEnglishName)
          //割接影响业务时间点是否通知
          this.cutOverInfoFormData.ifSynchroToOnline = this.isNull(res.ifSynchroToOnline)
      }
    },

    // 账户列表-分页方法
    accountInfoHandlePageChange(val) {
      
      this.contactInfoTablePage.pageIndex = val.currentPage;
      this.contactInfoTablePage.pageSize = val.pageSize;
      this.getAccountList();
    },
    //
    financialInfoHandlePageChange1() {},
    // 判断值是否存在
    isNull(val) {
      if (
        val == "NaN" ||
        val == "null" ||
        val == "undefined" ||
        val == undefined
      ) {
        return (val = "");
      } else {
        return val;
      }
    },
    format(val) {
      if (val) {
        var y = val.substring(0, 4);
        var m = val.substring(4, 6);
        var d = val.substring(6, 8);
        return y + "-" + m + "-" + d;
      } else {
        return val;
      }
    },
    //联系人信息分页
    contactInfoHandlePageChange() {},
    //关键人信息分页
    keyPersonHandlePageChange(val) {
      this.keyPersonTablePage.pageIndex = val.currentPage;
      this.keyPersonTablePage.pageSize =  val.pageSize;
    },
    // 决策链信息分页
    decisionHandlePageChange() {},

    // 竞争信息
    competitiveInfoHandlePageChange() {},
    //发展战略信息
    DevelopHandlePageChange() {},
    // 信息化信息
    informationHandlePageChange() {},
    //割接信息分页
    pageChange(val) {
      this.tablePage.pageIndex = val;
    },
    // 判断值是否存在
    isNull(val) {
      if (
        val == "NaN" ||
        val == "null" ||
        val == "undefined" ||
        val == undefined
      ) {
        return (val = "");
      } else {
        return val;
      }
    },
  },
};
</script>
<style lang="scss" scoped>
.tabs-container {
  margin: 10px 20px;
  font-size: 14px;
}
.t-list {
  display: flex;
  height: 40px;
  align-items: center;
}
.u-title {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #0052d9;
  font-size: 12px;
}
.u-title .icon {
  float: left;
  display: block;
  width: 4px;
  height: 12px;
  background: #f56f3c;
  margin-top: 2px;
  margin-right: 10px;
  font-size: 14px;
}
.nsrClass .u-name,
.nsrClass .u-value {
  height: 50px;
  // // line-height: 50px;
}
.tabs-container .u-name {
  text-align: right;
  color: #666;
}
.tabs-container .u-value {
  text-align: left;
  color: #999;
}
.tabs-container .baseInfo {
  display: flex;
  align-items: center;
}
.m-box {
  padding-bottom: 20px;
}
.m-box .u-value {
  padding-bottom: 20px;
}
.radio-box {
  margin-top: 0.1rem;
}
.check-box {
  margin-bottom: 20px;
}
.name-box {
  text-align: right;
}
.value-box {
  text-align: left;
}
.text-warp {
  color: #2a83e2;
}
.m-pagination {
  margin-top: 20px;
  margin-right: 100px;
  text-align: right;
}
.popClass {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.el-button {
   padding: 0;
}
</style>
